<template>
  <div class="legal">
    <TopNav/>
    <div class="content">
      <h1>Urban Plate Terms of Service (all the legal stuff)</h1>
      <h2>This is just all the nitty gritty stuff to protect all the things</h2>
      <div class="text">
        <h3>1. Terms</h3>
        <p>By accessing the website at <a href="http://www.urbanplate.co">http://www.urbanplate.co</a>, you are agreeing
          to be bound by these terms of service,
          all applicable laws and regulations, and agree that you are responsible for compliance with any applicable
          local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site.
          The materials contained in this website are protected by applicable copyright and trademark law.</p>
        <h3>2. Use License</h3>
        <ol class="alpha-list">
          <li>Permission is granted to temporarily download one copy of the materials (information or software) on Urban
            Plate's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a
            transfer of title, and under this license you may not:
            <ol class="roman-list">
              <li>modify or copy the materials;</li>
              <li>use the materials for any commercial purpose, or for any public display (commercial or
                non-commercial);
              </li>
              <li>attempt to decompile or reverse engineer any software contained on Urban Plate's website;</li>
              <li>remove any copyright or other proprietary notations from the materials; or</li>
              <li>transfer the materials to another person or "mirror" the materials on any other server.</li>
            </ol>
          </li>
          <li>This license shall automatically terminate if you violate any of these restrictions and may be terminated
            by Urban Plate at any time. Upon terminating your viewing of these materials or upon the termination of this
            license, you must destroy any downloaded materials in your possession whether in electronic or printed
            format.
          </li>
        </ol>
        <h3>3. Disclaimer</h3>
        <ol class="alpha-list">
          <li>The materials on Urban Plate's website are provided on an 'as is' basis. Urban Plate makes no warranties,
            expressed or implied, and hereby disclaims and negates all other warranties including, without limitation,
            implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement
            of intellectual property or other violation of rights.
          </li>
          <li>Further, Urban Plate does not warrant or make any representations concerning the accuracy, likely results,
            or reliability of the use of the materials on its website or otherwise relating to such materials or on any
            sites linked to this site.
          </li>
        </ol>
        <h3>4. Limitations</h3>
        <p>In no event shall Urban Plate or its suppliers be liable for any damages (including, without limitation,
          damages for loss of data or profit, or due to business interruption) arising out of the use or inability to
          use the materials on Urban Plate's website, even if Urban Plate or a Urban Plate authorized representative has
          been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow
          limitations on implied warranties, or limitations of liability for consequential or incidental damages, these
          limitations may not apply to you.</p>
        <h3>5. Accuracy of materials</h3>
        <p>The materials appearing on Urban Plate website could include technical, typographical, or photographic
          errors. Urban Plate does not warrant that any of the materials on its website are accurate, complete or
          current. Urban Plate may make changes to the materials contained on its website at any time without notice.
          However Urban Plate does not make any commitment to update the materials.</p>
        <h3>6. Links</h3>
        <p>Urban Plate has not reviewed all of the sites linked to its website and is not responsible for the contents
          of any such linked site. The inclusion of any link does not imply endorsement by Urban Plate of the site. Use
          of any such linked website is at the user's own risk.</p>
        <h3>7. Modifications</h3>
        <p>Urban Plate may revise these terms of service for its website at any time without notice. By using this
          website you are agreeing to be bound by the then current version of these terms of service.</p>
        <h3>8. Governing Law</h3>
        <p>These terms and conditions are governed by and construed in accordance with the laws of WA, Australia and you
          irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
      </div>
    </div>
    <Footer/>
  </div>
</template>

<script setup lang="ts">
import TopNav from '@/components/TopNav.vue'
import Footer from '@/components/FooterIndex.vue'
</script>

<style scoped lang="scss">
.legal {
  background-color: #C0CFD9;
}

.content {
  width: calc(90vw);
  margin: 0 auto;
  padding: 100px 0;

  h1 {
    width: 50%;
    font-size: 60px;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
    @media (max-width: 768px) {
      width: 100%;
      font-size: 38px;
    }
  }

  h2 {
    font-size: 30px;
    text-align: left;
    color: #000000;
    @media (max-width: 768px) {
      font-size: 18px;
    }
  }

  @media (max-width: 768px) {
    padding: 50px 0 80px 0;
  }
}

.text {
  text-align: left;
  margin-top: 70px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; // 设置内容为2列
  column-gap: 60px; // 指定两列间距60

  p {
    text-align: left;
    margin-top: 0;
  }

  ol.alpha-list {
    list-style-type: lower-alpha; /* 字母列表 a, b, c */
  }

  ol.roman-list {
    list-style-type: upper-roman; /* 古罗马数字 I, II, III */
  }

  @media (max-width: 1020px) {
    column-count: 1;
  }
}
</style>
